<#macro content_page>
<div id="content" class="content-site customize-site">

    <div class="row" style="padding-left: 30 em;padding-right: 30 em;margin: 0 0">
        <div class="card  col-sm-12 col-md-8 col-lg-8 " >
            <div class="card-body text-success">
                <h5 class="card-title  text-center">${(singlePage.title)!}</h5>
                <p class="card-text"> ${(singlePage.contentHtml)!}</p>
            </div>
        </div>
        <div class="card col-sm-12 col-md-4 col-lg-4 " >
            <div class="card-body">
                <h5 class="card-title">热门网址</h5>
                <ul class="list-group list-group-flush">
                    <@navLinkListTag  orderBy="a.view_count" cnt="6">
                    <#if data?? &&(data?size>0)>
                    <#list data as link>
                    <li class="list-group-item">
                        <div class="url-img rounded-circle">
                            <a href='${paramsTag("public_website_domain")}/site/${(link.id)!}.html' target="_blank">
                                <img class="lazy unfancybox loaded" src="${(link.linkIcon)!}"  height="24em" width="24em" alt="${(link.linkName)!}" data-was-processed="true">
                                ${(link.linkName)!}   (${(link.viewCount)! 1} 热度)
                            </a>
                        </div>
                    </li>
                </#list>
            </#if>
        </@navLinkListTag>
        </ul>
    </div>

</div>
</div>

<div class="d-flex flex-fill">
    <h4 class="text-gray text-lg mb-4">
        <i class="site-tag iconfont icon-tag icon-lg mr-1"></i>
        友情链接
    </h4>
    <!--div class="flex-fill"></div>
    <a class='btn-move text-xs' href='#'>more+</a-->
</div>
<div id="content2" class="content-site customize-site"">
<div class="row">

    <@friendLink>
    <#if data?? &&(data?size>0)>
    <#list data as link2>
    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
        <div class="url-body default">
            <!--去除 Tooltip
            <a href="{{ .url }}" target="_blank" data-id="" data-url="{{ .url }}" class="card no-c mb-4" title="{{ .title }}">
            -->

            <#if link2.qrcode?? && (link2.qrcode!="")>
            <a href="javascript:" target=""
               class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<img src='${(link2.qrcode)!}' width='128'>">
                <#else>
                <a href='${paramsTag("public_website_domain")}/site/${(link2.id)!}.html' target="_blank" data-id="" data-url='${paramsTag("public_website_domain")}/site/${(link2.id)!}.html' target='${(link2.target)!"_blank"}'
                   class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="${ (link2.linkDesc)!'' }">
                </#if>

                <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                        <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                            <#if link2.linkIcon??>
                            <img class="lazy" src="${ (link2.linkIcon)!'#' }" data-src="${ (link2.linkIcon)! }"
                                 onerror="javascript:this.src='${ (link2.linkIcon)! }'" alt="${ (link2.linkName)! }">
                            <#else>

                            <img class="lazy" src="${ctx()}/assets/images/logos/default.webp" data-src="${ctx()}/assets/images/logos/default.webp"
                                 onerror="javascript:this.src='${ctx()}/assets/images/logos/default.webp'" alt="${ (link.linkName)! }">
                        </#if>
                    </div>
                    <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                            <strong>${ (link2.linkName)!"" }</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">${ (link2.linkDesc)!'' }</p>
                    </div>
                </div>
        </div>
        </a>
        <a href='${paramsTag("public_website_domain")}/site/${(link2.id)!}.html' class="togo text-center text-muted is-views" data-id="689" target="${(link2.target)!'_blank'}"
           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
            <i class="iconfont icon-goto"></i>
        </a>
    </div>
</div>
</#list>
<#else>
<a href="https://www.greenflash.cn" title="绿闪数字科技" target="_blank">绿闪数字科技</a>
</#if>
</@friendLink>
</div><!-- row-->
</div>

<div class="card border-success mb-3" >

    <div class="card-body text-success">
        <h5 class="card-title text-center">特别声明</h5>
        <p class="card-text">本站绿闪导航提供的网址链接都来源于网络，不保证外部链接的准确性和完整性，同时，对于该外部链接的指向，不由绿闪导航实际控制，在收录时，该网页上的内容，都属于合规合法，后期网页的内容如出现违规，可以直接联系网站管理员进行删除，绿闪导航不承担任何责任。</p>
    </div>
    <div class="card-footer bg-transparent border-success">
        <div class="d-flex">
            <span>绿闪导航致力于优质、实用的网络站点资源收集与分享！</span>
            <span class="ml-auto d-none d-md-block">本文地址${paramsTag("public_website_domain")}/p/links.html转载请注明</span>
        </div>
    </div>
</div>


</div>
</#macro>
